<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>陈润强的个人作业网站</title>
<style>
* { margin: 0;
    padding: 0;}
a{color: black;text-decoration: none;}
a:hover{color: #FF0000;}
h1{color: #FF0000;}

.mytitle{text-align: center;}
#dowebok { width: 90%; margin: 0 auto; font-size: 14px;}
#dowebok li { float: left; width: 30%; margin-left: 2.5%; padding-top: 1%;}
#dowebok li img { width: 100%;}
#dowebok li .dt { width: 100%;text-align: center;}
#dowebok li{list-style-type: none;}
</style>
</head>

<body>
	<h1 class="mytitle">179000910陈润强</h1>
	<ul id="dowebok">
		<li>
			<div><a href="homework/"><img data-original="image/p1.jpg" src="image/p1.jpg" alt="图片1"></a></div>
			<div class="dt"><a href="homework/">作业1：网页展示</a></div>
		</li>
		<li>
			<div><a href="homework2/"><img data-original="image/p2.jpg" src="image/p2.jpg" alt="图片2"></div>
			<div class="dt"><a href="homework2/">作业2：表格展示</div>
		</li>
		<li>
			<div><a href="homework3/"><img data-original="image/p3.png" src="image/p3.png" alt="图片1"></div>
			<div class="dt"><a href="homework3/">作业3：表单展示</div>
		</li>		
		<li>
			<div><a href="homework4/"><img data-original="image/p4.png" src="image/p4.png" alt="图片2"></div>
			<div class="dt"><a href="homework4/">作业4：js入门基础</div>
		</li>
		<li>
			<div><a href="homework5/"><img data-original="image/p5.png" src="image/p5.png" alt="图片1"></div>
			<div class="dt"><a href="homework5/">作业5：DOM编程</div>
		</li>
		<li>
			<div><a href="homework6/"><img data-original="image/p6.png" src="image/p6.png" alt="图片2"></div>
			<div class="dt"><a href="homework6/">作业6：JavaScript事件</div>
		</li>
		<li>
			<div><a href="homework7/"><img data-original="image/p7.png" src="image/p7.png" alt="图片2"></div>
			<div class="dt"><a href="homework7/">作业7：BOM编程</div>
		</li>
		<li>
			<div><a href="homework8/"><img data-original="image/p8.png" src="image/p8.png" alt="图片2"></div>
			<div class="dt"><a href="homework8/">作业/8：JQueryDOM操作</div>
		</li>
		<li>
			<div><a href="homework9/"><img data-original="image/p9.png" src="image/p9.png" alt="图片2"></div>
			<div class="dt"><a href="homework9/">作业/9：JQueryDOM事件，购物车</div>
		</li>
		<li>
			<div><a href="homework10/"><img data-original="image/p10.png" src="image/p10.png" alt="图片2"></div>
			<div class="dt"><a href="homework10/">作业/10：JQuery动画</div>
		</li>
		<li>
			<div><a href="homework11/"><img data-original="image/p11.png" src="image/p11.png" alt="图片2"></div>
			<div class="dt"><a href="homework11/">作业/11：Ajax原理</div>
		</li>
		<li>
			<div><a href="WeekOfTraining/"><img data-original="image/p7.jpg" src="image/p7.jpg" alt="图片2"></div>
			<div class="dt"><a href="WeekOfTraining/">专周实训练习</div>
		</li>
	</ul>

</body>
</html>